<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title></title>
    <link rel="stylesheet" href="style/shared-style.css">
    <link rel="stylesheet" href="style/html-form.css">
    <link rel="stylesheet" href="style/home.css">

    <link rel="stylesheet" href="style/nivo-slider.css">
    <link rel="stylesheet" href="style/themes/default/default.css">
    <script type="text/javascript" src="scripts/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/main-nav.js"></script>
    <script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
           $('#slider').nivoSlider();
        });
    </script>
</head>
<body>
<div id="wrap">
    <div id="head">
        <div id="top-head">
            <p class="greeting">
                Chào mừng quí khách (<a href="khachhang/login" class="slink">Đăng nhập</a> | <a href="khachhang/login"
                                                                                                class="slink">Đăng
                ký</a>)
            </p>

            <p class="top-info">
                <a href="khanghang/giohang">Giỏ hàng:</a>
                <span id="shopcartCounter">2</span> sản phẩm
                <a class="acc-info-link" href="khachhang/login">Tài khoản của bạn</a>
            </p>
        </div>
        <!-- /#top-head -->

        <div id="head-content">
            <div id="logo">
                <a href="/">
                    <img src="images/logo.jpg" alt="MMobile logo">
                </a>
            </div>
            <!-- /#logo -->

            <div id="search-form-block">
                <ul id="top-nav" class="nav">
                    <li><a href="/">Trang chủ</a></li>
                    <li><a href="/">Khuyến mãi</a></li>
                    <li><a href="/">Liên hệ</a></li>
                </ul>
                <form action="dienthoai/timkiem" class="form-inline" method="get" id="general-search-form">
                    <label for="key" class="control-label">Tìm kiếm</label>
                    <input type="text" name="key" id="key">
                    <button type="submit" name="submit">Tìm</button>
                </form>
            </div>
        </div>
    </div><!-- /#head -->

    <ul id="main-nav" class="nav">
        <li><a href="">Trang chủ</a></li>
        <li><a href="">Hãng sản xuất</a>
            <ul>
                <li><a href="">Nokia</a></li>
                <li><a href="">Samsung</a></li>
                <li><a href="">HTC</a></li>
                <li><a href="">Apple</a></li>
                <li><a href="">Blackberry</a></li>
            </ul>
        </li>
        <li><a href="">Điện thoại Nav 02</a></li>
    </ul> <!-- /#main-nav -->

    <div class="slider-wrapper theme-default">
        <div id="slider" class="nivoSlider">
            <a href="dienthoai/view/0001"><img src="images/slider/slide0.jpg" alt="HTC One X"></a>
            <a href="dienthoai/view/0001"><img src="images/slider/slide1.jpg" alt="iPhone 4S"></a>
            <a href="dienthoai/view/0001"><img src="images/slider/slide2.jpg" alt="Galaxy S"></a>
            <a href="dienthoai/view/0001"><img src="images/slider/slide3.jpg" alt="Nokia 808"></a>
            <a href="dienthoai/view/0001"><img src="images/slider/slide4.jpg" alt="Motorola XT390"></a>
            <a href="dienthoai/view/0001"><img src="images/slider/slide5.jpg" alt="Acer iconia Tab"></a>
        </div>
    </div> <!-- /.slider-wrapper -->

    <div id="content">
        <div id="main-content">
            <div class="show-box">
                <h2>DIEN THOAI <strong>BAN CHAY</strong></h2>

                <ul class="products">
                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>
                </ul>
            </div> <!-- /show-box điện thoại bán chạy -->


            <div class="show-box">
                <h2>DIEN THOAI <strong>MỚI LỤM</strong></h2>

                <ul class="products">
                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>

                    <li>
                        <div class="product-name">Samsung Galaxy SIII</div>
                        <div class="product-image"><a href=""><img src="images/mobile.jpg" alt="SAMSUNG G"></a></div>
                        <div class="product-price">15, 900, 000</div>
                        <div class="product-links">
                            <a href="">Xem chi tiet</a>
                            <a href="">mua hang</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div><!-- /#main-content -->

        <div id="sidebar">
            <div id="shopcart" class="sidebar-group">
                <h2>Gio hang</h2>
                <ul class="shop-products">
                    <li>
                        <span class="quantity">2x</span>
                        <span class="name">Samsung ...</span>
                        <span class="pull-right">
                            <span class="price">31,800</span>
                            <span class="del"><a href="">X</a></span>
                        </span>
                    </li>

                    <li>
                        <span class="quantity">2x</span>
                        <span class="name">Samsung ...</span>
                        <span class="pull-right">
                            <span class="price">31,800</span>
                            <span class="del"><a href="">X</a></span>
                        </span>
                    </li>

                    <li>
                        <span class="quantity">2x</span>
                        <span class="name">Samsung ...</span>
                        <span class="pull-right">
                            <span class="price">31,800</span>
                            <span class="del"><a href="">X</a></span>
                        </span>
                    </li>

                </ul>
                <div class="total">
                    Tổng: <span class="total">31, 800</span>
                </div>
                <div class="buttons">
                    <button id="shopcart-checkout" class="sb-button">Thanh toan</button>
                </div>
            </div><!-- /#shopcart -->

            <div class="sidebar-group">
                <h2>Hãng sản xuất</h2>
                <ul id="manuf" class="nav">
                    <li><a href="/hangsx/001_nokia">Nokia</a></li>
                    <li><a href="/hangsx/001_nokia">Samsung</a></li>
                    <li><a href="/hangsx/001_nokia">HTC</a></li>
                    <li><a href="/hangsx/001_nokia">Apple</a></li>
                    <li><a href="/hangsx/001_nokia">Rim</a></li>
                </ul>
            </div><!-- /sidebar-group hãng sản xuất -->

            <div class="sidebar-group">
                <h2>Tìm kiếm chi tiết</h2>

                <form id="detail-search-form">
                    <div>
                        <label for="hangsx">Hãng sản xuất</label>
                        <select name="hangsx" id="hangsx">
                            <option value="null">[Chọn hãng sản xuất]</option>
                            <option value="nokia">Nokia</option>
                            <option value="Samsung">Samsung</option>
                            <option value="LG">LG</option>
                            <option value="HTC">HTC</option>
                            <option value="Blackberry">Blackberry</option>
                            <option value="Apple">Apple</option>
                        </select>
                    </div>
                    <div>
                        <label for="hangsx">Giá</label>
                        <select name="hangsx" id="gia">
                            <option value="null">[Chọn mức giá]</option>
                            <option value="nokia">1 - 2 triệu</option>
                            <option value="Samsung">2 - 1 triệu</option>
                            <option value="LG">1 - 2 triệu</option>
                            <option value="HTC">2 - 1,1 triệu</option>
                            <option value="Blackberry">1,2 - 2,1 triệu</option>
                            <option value="Apple">2 - 1,2 triệu</option>
                        </select>
                    </div>

                    <div>
                        <label for="ten">Tên điện thoai</label>
                        <input type="text" id="ten">
                    </div>

                    <div class="buttons">
                        <button class="sb-button">Tìm kiếm</button>
                    </div>

                </form>
            </div>
        </div><!-- /#sidebar -->

        <div class="clear"></div>
    </div><!-- /#content -->

    <div id="footer">
        <ul class="col1">
            <li><a href="contact">Lien he</a></li>
            <li><a href="sitemap">So do</a></li>
            <li><a href="sitemap">Dieu khoan su dung</a></li>
            <li><a href="sitemap">Cach thuc mua hang</a></li>
            <li><a href="sitemap">Thong tin cua hang</a></li>
        </ul>

        <ul class="col2">
            <li><a href="">San pham moi</a></li>
            <li><a href="">San pham ban chay</a></li>
            <li><a href="">San pham giam gia</a></li>
            <li><a href="">Hang san xuat</a></li>
            <li><a href="">Thong tin cua hang</a></li>
        </ul>

        <ul class="col3">
            <li><a href="">Tai khoan cua ban</a></li>
            <li><a href="">Thong tin ca nhan</a></li>
            <li><a href="">Dia chi giao hang</a></li>
            <li><a href="">Giam gia</a></li>
            <li><a href="">Lich su mua hang</a></li>
        </ul>

        <div class="col4">
            <h2>MMobile</h2>

            <h3>Ninh Kieu, Can Tho</h3>

            <h3>Phone: 0979 575 658</h3>
        </div>

        <div class="clear"></div>
    </div>
</div>
</body>
</html>